<template>
  <div class="download" v-wechat-title="title">
    <img src="~@/assets/img/logo_heng.png" class="logo">
    <div class="down_textda">搜城商铺网，商铺信息交易平台</div>
    <div class="down_textxiao">求租用户总数达到<span>5000360</span>人</div>
    <div class="down_bg1"><img src="~@/assets/img/down_bg1.png"></div>
    <div class="down_iPhone"><img src="~@/assets/img/down_iPhone.png"></div>
    <ul class="down_ul">
      <li><img src="~@/assets/img/down_icon1.png">平均转店周期</li>
      <li><img src="~@/assets/img/down_icon2.png">AI大数据为您选址</li>
      <li><img src="~@/assets/img/down_icon3.png">100%真实铺源</li>
      <li><img src="~@/assets/img/down_icon4.png">转店达人一对一服务</li>
    </ul>
    <div class="down_bg2">
      <img src="~@/assets/img/down_development.png">
    </div>
  </div>
</template>

<script>
export default {
  name: 'download',
  data () {
    return {
      title: '搜城商铺网-下载App'
    }
  }
}
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="stylus" scoped>
.download
  width 100%
  height 100%
  position relative
  text-align center
  .logo
    width 2.14rem /* 107/50 */
    margin-top .5rem
    margin-bottom .46rem /* 23/50 */
  .down_textda
    height .86rem /* 43/50 */
    line-height .86rem /* 43/50 */
    font-size .44rem /* 22/50 */
    font-weight bold
  .down_textxiao
    height .46rem /* 23/50 */
    font-size .28rem /* 14/50 */
    span
      font-weight bold
  .down_bg1
    position absolute
    left 0rem /* 0/50 */
    top 2.98rem /* 149/50 */
    width 3.4rem /* 170/50 */
    img
      width 100%
  .down_iPhone
    position absolute
    left 0rem /* 0/50 */
    top 3.92rem /* 196/50 */
    width 3.6rem /* 180/50 */
    img
      width 100%
  .down_ul
    position absolute
    left 4.04rem /* 202/50 */
    top 5.05rem /* 252.5/50 */
    li
      height 1.06rem /* 53/50 */
      text-align left
      font-size .3rem /* 15/50 */
      color #333
      img
        width .54rem /* 27/50 */
        height .56rem /* 28/50 */
        margin-right .2rem /* 10/50 */
  .down_bg2
    background-image url('~@/assets/img/down_bg2.png')
    background-size 100% 100%
    width 100%
    position absolute
    bottom 0px
    left 0rem /* 0/50 */
    height 3.5rem /* 265/50 */
    line-height 3.5rem
    img
      width 4.44rem /* 222/50 */
      height 1.46rem /* 73/50 */
</style>
